<template>
	<view class="bg">
		<image class="pic1" src="../../../../static/myPic/CJBJ.png" :style="{height:cjHeight + 'px'}"></image>
		<image class="pic12" src="../../../../static/myPic/duobianxing.png" ></image>
		<image class="pic2" src="../../../../static/myPic/XZJHh.png" mode=""></image>
		<image class="pic3"  src="../../../../static/myPic/SCJh.png" mode=""></image>
		<image class="pic4"  src="../../../../static/myPic/LRGSh.png" mode=""></image>
		<image class="pic5" src="../../../../static/myPic/QSWGh.png" mode=""></image>
		<image class="pic6" src="../../../../static/myPic/HYJJh.png" mode=""></image>
		<image class="pic7" src="../../../../static/myPic/RWNSh.png" mode=""></image>
		
		<view class="text">
			<view class="liulan">您已浏览 </view><navigator class="shiyi" url="">11</navigator><view class="mudi"> 个目的地，</view>
			<view class="shouyu">授予您</view><navigator class="jianghu" url="">“行走江湖”</navigator><view class="chenghao">的称号</view>
			<view class="views">浏览</view><navigator class="shi" url="">10</navigator><view class="huode">个即可获得</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		
		computed:{
			cjHeight(){
				return global.winHeight
			}
		}
	}
</script>

<style>
	.pic1{
		width: 100%;
		position: absolute;
		left: 0;
		top:0;
	}
	.pic12{
		left: 75upx;
		top: 315upx;
		width: 600upx;
		height: 600upx;
		position: absolute;
	}
	.pic2{
		width: 149upx;
		height: 152upx;
		left: 297upx;
		top: 278upx;
		position: absolute;
	}
	.pic3{
		width: 149upx;
		height: 152upx;
		margin-left: 30upx;
		margin-top: 486upx;
		position: absolute;
	}
	.pic4{
		width: 149upx;
		height: 152upx;
		margin-left: 125upx;
		margin-top: 830upx;
		position: absolute;
	}
	.pic5{
		width: 149upx;
		height: 152upx;
		margin-left: 465upx;
		margin-top: 830upx;
		position: absolute;
	}
	.pic6{
		width: 149upx;
		height: 152upx;
		margin-left: 570upx;
		margin-top: 486upx;
		position: absolute;
	}
	.pic7{
		width: 149upx;
		height: 152upx;
		margin-left: 297upx;
		margin-top:560upx;
		position: absolute;
	}
	
	.text{
		width: 350upx;
		height: 125upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(255,255,255,1);
		line-height: 48upx;
		position: absolute;
		margin-left: 252upx;
		margin-top: 1080upx;
	}
	.liulan{
		float: left;
		margin-left: 30upx;
	}
	.shiyi{
		float: left;
		color: #DC7F12;
	}
	.shouyu{
		float: left;
	}
	.jianghu{
		float: left;
		color: #DC7F12;
	}
	.views{
		margin-left: 30upx;
		float: left;
	}
	.shi{
		float: left;
		color: #DC7F12;
	}
</style>
